<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<meta name="author" content="Aaron Ganschow" />
	<meta name="description" content="A simple blog interface for not so simple blogs." />
    <title>
      Tidy Blog
    </title>
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="css/print.css" type="text/css" media="print" /></head>
  <body>
    <div class="wrapper">
      <div class="container">
        <div id="searchBar">
          <div class="head">
            &nbsp;search
          </div>
          <div class="content"><form action="#" method="post"><input name="search_button" type="image" class="button" src="images/search.gif" /><input type="text" name="search" class="search" /></form></div></div>
        <div class="icon">
          <img src="images/hand_logo.gif" width="140" height="98"
          alt="My fantastic Webdings Logo" />
        </div>
        <div id="title">
          <h1>
            Tidy Blog
          </h1>
          <h2>
            it's easier than you think
          </h2>
        </div>
        <div id="navigation">
          <ul>
            <li>
              <a href="index.html">Home</a>
            </li>
            <li>
              <a href="archives.html">Archives</a>
            </li>
            <li>
              <a href="example.html" class="selected">Example</a>
            </li>
		    <li>
              <a href="gallery.html">Gallery</a>            
			</li>
            <li>
              <a href="design.html">Design</a>
            </li>
          </ul>
        </div>
        <br class="clear" />
        <div id="body">
          <div class="sidebar">
            <h3>Categories</h3>
			<div class="content">
				<ul class="links">
				  <li><a href="#">Pop Culture</a></li>
				  <li><a href="#">Rants &amp; Raves</a></li>
				  <li><a href="#">Musings</a></li>
				  <li><a href="#">Coding</a></li>
				  <li><a href="#">Fiction</a></li>
				  <li><a href="#">Christianity</a></li>
				</ul>
			</div>
			<br />
		    <h3>Sceptre of Chaos</h3>
			<div class="content">After all these years, no one could have guessed that it would be in mouth of a whale.			</div>
			<br />
			<h3>Contact</h3>
			<div class="content">
			<form action="#" method="post">
			  <label for="email">e-mail</label><br />
			  <input type="text" name="email" id="email" size="22" tabindex="81" /><br />
			  <label for="message">message</label><br />
			  <textarea cols="18" rows="5" id="message" name="message" tabindex="82"></textarea><br /><br />
			  <input type="submit" name="submit" value="Send" class="submit" tabindex="83" />
			</form>
			</div>
			<br class="clear" />
          </div>
          <div class="content">
            <h3><a href="#">Lorem Ipsum</a></h3>
            <div class="byline">By Pretentious Blogger, December 15, 2006 </div>
            <p>The content below is all Greek to me, even though it is Latin.  This is an example of how a view of a full post would look, it will also establish the system for comments.</p>
            <div id="lipsum">
              <p> Cras lacus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.  Phasellus rutrum lobortis libero. Aliquam condimentum nonummy justo.  Integer dignissim, nisl scelerisque gravida scelerisque, turpis urna  venenatis odio, in convallis mauris tortor sit amet metus. Donec lacus  arcu, posuere vitae, ornare varius, congue ut, ante. Integer gravida  diam sed dui. Proin eget mauris. Pellentesque habitant morbi tristique  senectus et netus et malesuada fames ac turpis egestas. Phasellus  risus. </p>
              <p>Fusce volutpat placerat nisi. Vestibulum nisi nibh, facilisis  dignissim, pellentesque nec, pellentesque ac, nibh. Nunc nulla sem,  adipiscing ac, lobortis in, convallis vel, pede. Vestibulum nec risus.  Duis risus nunc, aliquet non, porta vitae, malesuada ut, lorem. Integer  turpis lacus, adipiscing in, pellentesque sed, accumsan id, eros.  Praesent dapibus volutpat ante. Proin bibendum faucibus sapien. Mauris  nec ante. Nam ipsum. Curabitur laoreet scelerisque ipsum. Donec  placerat mauris ut eros tincidunt pharetra. Duis vestibulum. Cum sociis  natoque penatibus et magnis dis parturient montes, nascetur ridiculus  mus. Phasellus et dolor. Cum sociis natoque penatibus et magnis dis  parturient montes, nascetur ridiculus mus. Quisque ultricies mattis  est. Quisque hendrerit leo a nunc. Sed tempor pede nec nunc. Praesent  tincidunt orci sit amet leo. </p>
              <p>Duis nec massa. Sed dictum ante vitae sapien. Class aptent taciti  sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.  Vestibulum quis lectus. Aliquam erat volutpat. Vestibulum ante ipsum  primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed  adipiscing neque nec eros. Sed ultricies. Nunc eget mi quis lectus  vulputate nonummy. Sed suscipit, erat nec tristique consectetuer,  tellus urna rhoncus metus, quis venenatis arcu ligula ut sapien. Nulla  rutrum. Nunc a nulla. Cras porttitor ante eleifend mi. Vivamus  pellentesque lorem id libero. Maecenas rhoncus, lacus nec auctor  vestibulum, mauris sem nonummy lectus, in lobortis lectus justo ut  felis. Curabitur dictum mauris vitae augue. Donec odio. Proin  porttitor. Morbi scelerisque cursus urna. </p>
              <p>Nulla gravida mollis nulla. Suspendisse potenti. Vestibulum lacus  sapien, dignissim molestie, gravida facilisis, aliquam eget, mauris.  Suspendisse id velit. Vestibulum vel est sed erat vestibulum tincidunt.  Vestibulum semper, sapien ut placerat fermentum, ipsum odio feugiat  metus, eget commodo nunc nisi vitae est. Vivamus lobortis, ante at  accumsan dapibus, metus enim rutrum erat, ac viverra augue risus vel  ante. Aenean est. Nullam commodo massa facilisis dui. Maecenas tellus.  Morbi tempor faucibus felis. Donec ultricies. Morbi eu nibh id dolor  vehicula tincidunt. In leo. Etiam ultricies, leo sed interdum  hendrerit, diam massa vestibulum magna, sed tempor orci felis eu erat. </p>
              <p>In hac habitasse platea dictumst. Maecenas dictum nibh eu purus.  Nullam accumsan convallis ipsum. Nulla pretium consectetuer lacus. Duis  eu magna id sem posuere venenatis. Fusce scelerisque gravida dui. Etiam  iaculis scelerisque lacus. Morbi non sem. Donec lectus enim, egestas  vitae, gravida in, volutpat nec, mi. Proin semper vulputate leo. In a  metus ut elit fermentum ullamcorper. Maecenas ultrices pede a pede. Nam  nec turpis. Suspendisse potenti. Integer libero elit, euismod congue,  bibendum eget, semper quis, orci. Morbi sed nibh. Ut leo. Phasellus  cursus volutpat sem. Integer egestas ipsum sed ipsum. Nulla erat lacus,  porttitor vulputate, tempus eu, adipiscing nec, felis. </p>
              <p>Nam iaculis. Phasellus ipsum. Integer malesuada. Maecenas pulvinar  libero eu urna. Vestibulum ante ipsum primis in faucibus orci luctus et  ultrices posuere cubilia Curae; Ut semper enim rhoncus velit. Ut felis  mauris, fermentum et, laoreet nec, molestie ac, lacus. In lectus. Cras  auctor, ipsum sit amet mollis semper, diam est blandit lacus, ac  fermentum velit arcu eget elit. Nunc sollicitudin consequat velit. Duis  eleifend imperdiet magna. In eget diam. Aliquam sit amet neque. Quisque  fringilla, magna quis eleifend mattis, erat tellus ultrices magna, eu  facilisis metus ipsum sit amet ante. Nulla nisi lectus, malesuada  posuere, aliquam nec, mattis ut, ipsum. In vel leo et risus  sollicitudin suscipit. Phasellus porttitor. Donec at sem et eros auctor  dapibus. </p>
            </div>
            <p>&nbsp;</p>
            <h3>Comments</h3>
			<div class="comments">
			  <div class="comment">
			   <h4>You suck!</h4>
			   <div class="byline">By Anonymous Coward, December 16, 2006</div>
			   <p>Seriously, are you a serial killer or just retarded? Nothing you ever say is funny. I can't even read this. It sometimes looks like you are speak english... but  just so foreign. You almost seemed normal at the bar. What the heck? </p>
			   <div class="nodeFoot"><a href="#comment">Reply To This Comment</a></div>
			  </div>
			  <div class="comment">
			  <h4>Awesome Post</h4>
			  <div class="byline">By Remote Fan (not a Fan Remote), December 16, 2006</div>
			  <p>My Latin is a little rusty, but I am pretty sure that you said that anyone who uses the word &quot;suck&quot; in a response is a complete dillhole. I wasn't convinced that you were right, but you have proven yourself a worthy adversary. Keep going. </p>
			   <div class="nodeFoot"><a href="#comment">Reply To This Comment</a></div>
                <div class="comment">
				 <h4>Actually, the translation...</h4>
				 <div class="byline">By 
			      Pretentious Blogger, December 16, 2006</div>
				 <p>Actually, the translation said that anyone who replies to a comment with the word &quot;suck&quot; in it would only justify the poster. I am not even sure if there is a Latin word for dillhole. Anyway, thanks for responding. It is nice to know that someone else is trying to understand dead languages! </p>
			   <div class="nodeFoot"><a href="#comment">Reply To This Comment</a></div>
				</div>
			  </div>
		    </div>
			<a name="comment"></a>
			<h3>Submit Comment</h3>
			<form action="#" method="post">
			  <div class="area100"><label for="name">Name</label><br /><input type="text" name="name" id="name" value="Anonymous Coward" tabindex="31" /></div>
			  <div class="area100"><label for="email2">Email</label><br /><input type="text" name="email2" id="email2" value="anonymous@coward.net" tabindex="32" /></div>
			  <div class="area100"><label for="comment">Comment</label><br /><textarea name="comment" id="comment" rows="10" cols="40" tabindex="33"></textarea></div>
			  <input type="submit" name="submitComment" value="Post Comment" class="submit" />
			</form>
          </div>
          <br class="clear" />
        </div>
        <br class="clear" />
      </div>
      <br class="clear" />
      <div id="footer">
        <div id="footHead">
          <div class="container">
            <div class="head">
              Recent Posts
            </div>
            <div class="head">
              Awesome Links
            </div>
            <div class="head">
              Image Showcase
            </div>
          </div>
		  <div class="clear"></div>
        </div>
        <div id="footBody">
          <div class="container">
            <div class="content">
              <ul>
                <li>
                  <a href="#">My Uber beats your uber</a>
                </li>
                <li>
                  <a href="#">Why drama makes bunnies cry</a>
                </li>
                <li>
                  <a href="#">Buffy the Vampire Slayer vs Pikachu</a>
                </li>
                <li>
                  <a href="#">Myspace themes <strong><em>without</em></strong>
                  glitter</a>
                </li>
                <li>
                  <a href="#">This sundress makes my pig look fat</a>
                </li>
              </ul>
            </div>
            <div class="content">
              <ul>
                <li>
                  <a href="http://www.wildleaf.net/">Wildleaf</a>
                </li>
                <li>
                  <a href="http://aaron.ganschow.us/">Aaron.Ganschow</a>
                </li>
                <li>
                  <a href="http://www.sxc.hu/">Stock.xchng</a>
                </li>
                <li>
                  <a href="http://www.css-galleries.com/">CSS Galleries</a>
                </li>
              </ul>
            </div>
            <div class="content showcase">
              <img src="images/thumbs/1.jpg" width="65" height="65" alt="1" /> <img
              src="images/thumbs/2.jpg" width="65" height="65" alt="2" /> <img
              src="images/thumbs/3.jpg" width="65" height="65" alt="3" /> <img
              src="images/thumbs/4.jpg" width="65" height="65" alt="4" /> <img
              src="images/thumbs/5.jpg" width="65" height="65" alt="5" /> <img
              src="images/thumbs/6.jpg" width="65" height="65" alt="6" /> <img
              src="images/thumbs/7.jpg" width="65" height="65" alt="7" /> <img
              src="images/thumbs/8.jpg" width="65" height="65" alt="8" />
            </div>
          </div>
		  <div class="clear"></div>
          <div id="copyright">
            <div class="container">
              &copy; Copyright 2006 <a href="http://aaron.ganschow.us/">Aaron Ganschow</a>
            </div>
          </div>
        </div>
      </div>
    </div>
	<img src="images/tab_over.gif" style="display: none; visibility:hidden; width:0; height:0; position:absolute; top: -100px; left: -200px;" alt="I am soooo fake pre-loading this image so the navigation doesn't skip while loading the over state.  I know I could use the sliding doors technique to avoid this fate, but I am too lazy." />
  </body>
</html>

